import { Link } from "react-router-dom"

const NavFooter = () => {
  return (
    <footer className="bg-[#20203a] pt-[20px] sm:pt-[37px] pb-[20px] sm:pb-[30px]">
      <div className="sm:w-[1400px] mx-auto">
        <div className="flex flex-col sm:flex-row items-center">
          <img src="/images/footer-logo.png" alt="" className="w-[100px] h-[23px] mb-[30px] sm:mb-0" />
          <ul className="flex items-center space-x-[26px] sm:ml-auto">
            <li><Link className="size-[32px] flex items-center justify-center" to="https://x.com/fate_gamefi_" target="_blank"><img src="/images/media-icon-1.png" className="size-[19px]" alt="" /></Link></li>
            {/* <li><Link className="size-[32px] flex items-center justify-center" to="https://t.me/FateGameFi" target="_blank"><img src="/images/media-icon-2.png" className="size-[19px]" alt="" /></Link></li> */}
            <li><Link className="size-[32px] flex items-center justify-center" to="https://t.me/FateGameFi" target="_blank"><img src="/images/media-icon-3.png" className="size-[19px]" alt="" /></Link></li>
            <li><Link className="size-[32px] flex items-center justify-center" to="https://linktr.ee/fatestone" target="_blank"><img src="/images/media-icon-4.png" className="size-[19px]" alt="" /></Link></li>
          </ul>
        </div>
        <div className="flex flex-col sm:flex-row items-center justify-between text-[#797989] text-[14px] mt-[30px] sm:mt-[50px]">
          <p className="uppercase order-2 sm:order-none text-[12px] sm:text-[14px] leading-[20px] text-center sm:text-left">◎ 版权所有 2024 Xterio Labs limited。Xterio 是 Xterio Foundation 的注册商标。保留所有权利。</p>
          <ul className="flex flex-col sm:flex-row items-center gap-[20px] order-1 sm:order-none mb-[30px] sm:mb-0 text-sm">
            <li><Link to="/">常见问题</Link></li>
            <li><Link to="/">服务条款</Link></li>
            <li><Link to="/">隐私策略</Link></li>
          </ul>
        </div>
      </div>
    </footer>
  )
}

export default NavFooter